﻿/* 
| - - Motion.Euzo.Ca - - - Motion and M+ from euzo.ca - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
*/

Tabs
{
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

Tabs Tab
{
    cursor:pointer; 
    background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
    color: white;
}

Tabs Tab:hover
{    
    background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);    
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
Tabs[location="top"]
{
    display: block;
    position: relative;
    border-bottom-color: Black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

Tabs[location="top"] Container
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width:100%;
}

Tabs[location="top"] Tab
{
    float:left;
    padding-top: 10px;    
    padding-right: 15px;    
    padding-left: 15px; 
    margin-left: 4px;
    margin-right: 4px;    
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;      
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
Tabs[location="bottom"]
{
    display: block;
    border-top-color: Black;
    border-top-style: solid;
    border-top-width: 1px;
}

Tabs[location="bottom"] Container
{
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
}

Tabs[location="bottom"] Tab
{
    float:left;
    padding-bottom: 10px;    
    padding-right: 15px;    
    padding-left: 15px; 
    margin-left: 4px;
    margin-right: 4px;    
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;      
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
Tabs[location="left"]
{
    display: block;
    border-right-color: Black;
    border-right-style: solid;
    border-right-width: 1px;
}

Tabs[location="left"] Container
{
    position: absolute;
    left: 0px;
    top: 0px;
    height:100%;
    width:100%;
}

Tabs[location="left"] Tab
{    
    display:block;    
    text-align:right;
    padding-bottom: 6px;    
    padding-top: 6px; 
    margin-top: 4px;
    margin-bottom: 4px;    
    border-top-left-radius:6px;
    border-top-right-radius:0;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:0;  
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

Tabs[location="right"]
{
    display: block;
    border-left-color: Black;
    border-left-style: solid;
    border-left-width: 1px;
}

Tabs[location="right"] Container
{
    position: absolute;
    left: 0px;
    top: 0px;
    height:100%;
    width:100%;
}

Tabs[location="right"] Tab
{    
    display:block;    
    text-align:left;
    padding-bottom: 6px;    
    padding-top: 6px; 
    margin-top: 4px;
    margin-bottom: 4px;    
    border-top-left-radius:0;
    border-top-right-radius:6px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:6px;  
}